<template>
  <ul class="plus-reduce-box">
      <li :class="{'handle-disabled':num!=-100}"></li>
      <li :class="{'handle-disabled':num==-100}"></li>
      <li class="num-input"><input type="text" max="100" min="-100"/>></li>
      <li :class="{'handle-disabled':num==100}"></li>
      <li :class="{'handle-disabled':num!=100}"></li>
  </ul>
</template>
<script>
export default {
  name:'numPlusReduce',
  data(){
    num:'sfa'
  }
}
</script>
<style lang="stylus">
.plus-reduce-box{
  display:flex;
  >li:not(.num-input){
    flex:1
    margin:0 3px;
  }
}
</style>
